﻿<elysium:Window x:Class="PresentationAid.Dialog.GestureTest" 
                WindowStyle="ToolWindow"
                xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
                xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
                xmlns:elysium="http://schemas.codeplex.com/elysium"
                xmlns:params="http://schemas.codeplex.com/elysium/params" 
                params:Manager.Theme="Light"
                params:Manager.AccentBrush="{x:Static elysium:AccentBrushes.Blue}"
                params:Manager.ContrastBrush="White"
                Background="{DynamicResource BackgroundBrush}"
                Title="Gestures" Height="260" Width="800" Topmost="True" ShowInTaskbar="False" WindowStartupLocation="CenterScreen" ResizeMode="NoResize" Activated="WindowActivated" Deactivated="WindowDeactivated" Closing="WindowClosing">
    <Grid>
        <Grid.RowDefinitions>
            <RowDefinition Height="Auto" />
            <RowDefinition />
        </Grid.RowDefinitions>
        
        <!-- First row represents the navigation and border -->
        <Border BorderThickness="0,0,0,2" BorderBrush="{DynamicResource HighlightBrush}" Margin="5,0,0,5" Width="90" HorizontalAlignment="Left" />

        <Grid Grid.Row="1" Margin="20,20,40,40">
            <Grid.ColumnDefinitions>
                <ColumnDefinition Width="Auto" />
                <ColumnDefinition />
            </Grid.ColumnDefinitions>

            <Grid.RowDefinitions>
                <RowDefinition Height="Auto" />
                <RowDefinition />
            </Grid.RowDefinitions>

            <Image Name="GestureImage" VerticalAlignment="Top" Source="/PresentationAid;component/Resources/Images/Gestures/swipeleft-gesture.png" Width="250" Grid.RowSpan="2" />

            <TextBlock Name="GestureTitle" Grid.Column="1" FontSize="36" HorizontalAlignment="Left" FontWeight="ExtraBold" TextWrapping="Wrap" Foreground="{DynamicResource LowlightBrush}">Gesture main title</TextBlock>
            <TextBlock Name="GestureDescription" Grid.Column="1" Grid.Row="1" Margin="0,10,0,0" HorizontalAlignment="Left" TextWrapping="Wrap" FontSize="16" FontWeight="Light" Foreground="{DynamicResource MiddleLightBrush}">A longer gesture description and tips.</TextBlock>
        </Grid>
    </Grid>
</elysium:Window>